html {
    font-size: 26.666666vw;
}


/* 去除默认内外边距 */

* {
    margin: 0;
    padding: 0;
    /* css 3 自减模式 */
    box-sizing: border-box;
}


/* 设置所有浏览器默认字体样式 */

body {
    font: 16px/1.2 '微软雅黑';
}

i {
    font-style: normal;
}


/* 取消h标签默认加粗效果 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


/* 取消页面中em倾斜效果 */

em {
    font-style: normal;
}


/* 取消li标签默认样式 */

ul {
    list-style: none;
}


/* 取消a标签默认样式 */

a {
    text-decoration: none;
}


/* 取消input 和textarea 的焦点选中黑边*/

input,
textarea {
    outline: none;
}


/* 清除浮动 */

.clearfix::after {
    content: "";
    display: block;
    clear: none;
    /* 添加兼容性，对于低版本浏览器 */
    height: 0;
    visibility: hidden;
}

.clearfix::before,
.clearfix::after {
    content: "";
    /* 解决嵌套块元素，塌陷问题 */
    display: table;
}

.clearfix::after {
    clear: both;
}


/* 给img，input，button 设置垂直对齐方式 */

img {
    /* 解决底部缝隙，图片可以被行高设置成垂直居中*/
    vertical-align: midden;
}

input,
button {
    /* 让input和button顶部对齐*/
    vertical-align: top;
}


/*搜索区*/

.search {
    padding: 0.1rem 0.2rem;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0.01rem solid #ddd;
}

.search #sou {
    flex: 1;
    height: 0.3rem;
    line-height: 0.28rem;
    border-radius: 0.3rem;
    background-color: #f1f1f1;
    border: 0;
    padding-left: 0.2rem;
}

.search #sou::placeholder {
    font-size: 0.12rem;
}

.search #souBtn {
    width: 0.63rem;
    height: 0.3rem;
    background-color: #1d6dff;
    border: 0;
    color: #fff;
    border-radius: 0.3rem;
    font-size: 0.16rem;
}


/*底部*/

footer {
    padding: 0.15rem 0;
}

footer .footNav {
    display: flex;
    margin: 0.1rem 0;
}

footer .footNav>li {
    text-align: center;
    flex: 1;
    border: 1px solid #c4c4c4;
    height: 0.33rem;
    line-height: 0.33rem;
}

footer .footNav>li a {
    display: block;
    color: #666;
}

footer .footCentent {
    font-size: 0.12rem;
    color: #666;
    text-align: center;
    line-height: 0.16rem;
}